.bg-4893F8 {
  background-color: #4893F8;
}

.border-color-4893f8 {
  border-color: #4893F8;
}

.border-color-f1f1f5 {
  border-color: #F1F1F5;
}

.border-w-1 {
  border-width: 1px;
}

.border-style-solid {
  border-style: solid;
}

.form-popup {
  width: 640rpx !important;
  border-radius: 25rpx !important;
}

.mod-body {
  margin: 0 40rpx;

  .item-cell {
    height: 100rpx;
    border-bottom: 1px solid #F1F1F5;
  }
}

.captcha {
  width: 170rpx;
  height: 60rpx;
}

.btn-getcode {
  color: #4893F8;
  font-size: 32rpx;

  &[disabled] {
    color: #ccc;
    background: none;
  }
}


.form-popup {
  width: 640rpx !important;
  border-radius: 25rpx !important;
}

.account-popup {
  width: 640rpx !important;
  max-height: 98% !important;
  background: none !important;
}

.account-list {
  .item-cell {
    border: 1px solid #EEEEEE;
    border-radius: 25rpx;
    padding: 20rpx;
    position: relative;
    overflow: hidden;
    margin: 0 0 20rpx 0;
    .pic{
      width: 85rpx;
      height: 85rpx;
      border-radius: 100%;
      background: #f60;
      margin: 0 20rpx 0 0;
    }
    &.active{
      border-color:#4893F8;
    }
  }
  .tag-type-1{
    border-radius: 0 0 0 12rpx;
    background: #2979FF;
  }
  .tag-type-2{
    background: #FF5355;
    border-radius: 0 0 0 12rpx;
  }
}


.phone-account{
  width: 640rpx !important;
  border-radius: 25rpx !important;
  .item-cell {
    border: 2px solid #EEEEEE;
    border-radius: 25rpx;
    padding: 30rpx;
    position: relative;
    overflow: hidden;
    margin: 30rpx 0 0;
    &.active{
      border:2px solid #2979FF;
    }
    .pic{
      width: 85rpx;
      height: 85rpx;
      border-radius: 100%;
      background: #f60;
      margin: 0 20rpx 0 0;
    }
    .tip-icon{
      position: absolute;
      right: 0;
      bottom: 0;
      background: #2979FF;
      width: 50rpx;
      height: 50rpx;
      border-radius:20rpx 0 0 0;
    }
  }
}